<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.1, maximum-scale=1, user-scalable=yes">
    <!-- 国内使用 -->
    <!-- <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js"></script> -->
    <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
    <!-- 若您的主要用户来源于海外，请替换使用下面的js资源 -->
    <!-- <script type="text/javascript" charset="utf-8" src="//aeis.alicdn.com/sd/nch5/index.js?t=2015052012"></script> -->
    <style>
    html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  font-familyA: "PingFangSC-Regular";
}
._nc .stage{padding:0 !important;}
._nc .stage1{height: 40px !important;}
._nc .stage1 .track div, ._nc .stage1 .label{height:40px !important;line-height:40px !important;}
._nc .stage1 .button{width:40px !important;height:40px !important;}
._nc .stage1 .slider{left:0 !important;right:0 !important;height:40px !important;}
._nc .stage1 .icon{    left: 6px !important;}
._nc .icon-ok{font-size: 26px !important;}
._nc .icon-slide-arrow{    font-size: 26px !important;}
    </style>
</head>
<body>
    <div class="ncbox">
        <div id="nc"></div>
    </div>

    <script>  
    var nc_token = ["FFFF0N00000000008DC8", (new Date()).getTime(), Math.random()].join(':');
    var nc=NoCaptcha.init({
        renderTo: '#nc',
        appkey: 'FFFF0N00000000008DC8', 
        scene: 'nc_login_h5',
        token: nc_token,
        trans: {"key1": "code200"},
        elementID: ["usernameID"],
        is_Opt: 0,
        language: "cn",
        timeout: 10000,
        retryTimes: 5,
        errorTimes: 5,
        inline:false,
        apimap: {
            // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
            // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
        },
        bannerHidden:false,
        initHidden:false,
        callback: function (data) {
			var result = {
                  'nc_token':nc_token,
                  'sessionid':data.csessionid,
                  'sig':data.sig,
                  scene: 'nc_login_h5',
                };
                // 绑定Java接口与JavaScript函数。
                window.testInterface.getSlideData(JSON.stringify(result));
        },
		        error: function (s) {
        }
    });
    NoCaptcha.setEnabled(true);
    nc.reset();//请务必确保这里调用一次reset()方法

    NoCaptcha.upLang('cn', {
        'LOADING':"加载中...",//加载
        'SLIDER_LABEL': "请向右滑动验证",//等待滑动
        'CHECK_Y':"验证通过",//通过
        'ERROR_TITLE':"非常抱歉，这出错了...",//拦截
        'CHECK_N':"验证未通过", //准备唤醒二次验证
        'OVERLAY_INFORM':"经检测你当前操作环境存在风险，请输入验证码",//二次验证
        'TIPS_TITLE':"验证码错误，请重新输入"//验证码输错时的提示
    });
    </script>
</body>
</html>
